<!DOCTYPE html>
<html lang="ru" id="html">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tinker</title>
    <link rel="stylesheet" href="code/style.css">
    <link rel="icon" type="image/x-icon" href="imgs/logo.ico">
    <link rel="stylesheet" type="text/css" href="code/slick/slick.css"/>

</head>

<body id="body">
    <header class="header" id="header">
        <div class="header__header-upper">
            <div class="container">
                <div class="header__header-upper-contacts-wrap">
                    <a href="tel:+7 (922) 022-94-82" class="header__header-upper-contacts-wrap-item"><img src="imgs/phone.svg" alt="">
                        <div href="#" class="header__header-upper-contacts-wrap-item-contact">+9 (999) 999-99-99</div>
                    </a>
                    <a href="mailto:tinker@dota2.com" class="header__header-upper-contacts-wrap-item"><img src="imgs/mail.svg" alt="">
                        <div href="#" class="header__header-upper-contacts-wrap-item-contact">tinker@dota2.com</div>
                    </a>
                </div>
                <a href="#" class="header__header-upper-order-button">Заказать ганк</a>
            </div>
        </div>
        <div class="header__header-lower">
            <div class="container">
                <div class="logo">tinker.com</div>
                <nav class="nav-menu">
                    <ul>
                        <li><a href="#" class="nav-menu__item">Основа</a></li>
                        <li><a href="#" class="nav-menu__item">Контроль</a></li>
                        <li><a href="#" class="nav-menu__item">Побег</a></li>
                        <li><a href="#" class="nav-menu__item">Быстрый </a></li>
                        <li><a href="#" class="nav-menu__item">Осада</a></li>
                        <li><a href="#" class="nav-menu__item">Стойкость</a></li>
                    </ul>
                </nav>
                <div class="nav-menu-burger__wrapper"><div class="nav-menu-burger"> <span class="nav-menu-burger__lines"></span></div></div>
            </div>
        </div>
    </header>

    <div class="modal">
        <div class="modal-body">
            <div class="modal-content">
                <div class="forms-wrap">    
                    <input type="text" placeholder="Имя">
                    <input type="text" placeholder="Почта">
                    <input type="text" placeholder="Номер телефона">
                    <button>Отправить</button>
                </div>
                <div class="modal-content-cross"></div>
            </div>
        </div>
        <div class="modal-bg"></div>
    </div>

    <div class="banner-block" id="banner-block">
        <div class="container">
            <div class="banner-block-title">Биография героя - Тинкер</div>
            <div class="banner-block-article">
                Сокрушает врагов своей армией механизмов и другими
                смертоносными устройствами. Набрав мощь, он способен нападать по нескольким фронтам благодаря ульту,
                который перезаряжает все его способности.
            </div>
           <a href="#ultimate-ability-block" class="nav-button">все способности</a>
        </div>
    </div>
    <div class="recent-changes-block" id="recent-changes-block">
        <div class="container">
            <div class="recent-changes-block__title-wrap">
                <div class="block-title">Недавние изменения</div>
                <div class="block-subtitle">Как любит говорить Боуш: «Нет достижений
                    волшебства, которые не мог бы воссоздать пытливый ум. Нужно лишь время. И финансы, конечно же».
                </div>
            </div>
            <div class="recent-changes-block__buttons-wrap">
                <div class="recent-changes-block__buttons-wrap-item">
                        <svg width="36" height="35"
                            viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                                fill="#4F8FF0" />
                        </svg>
                        <div class="recent-changes-block__buttons-wrap-item-button-title">7.33</div>
                        <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Базовая ловкость увеличена с 13
                            до 17.
                            Прирост ловкости увеличен с 1,2 до 1,4.
                            Laser: перезарядка увеличена с 20/18/16/14 до 22/20/18/16 секунд.
                            Heat-Seeking Missile
                            Дальность применения уменьшена с 2500 до 2000.
                            Урон увеличен со 115/190/265/340 до 120/200/280/360.
                        </div>
                </div>
                <div class="recent-changes-block__buttons-wrap-item">
                    <svg width="36" height="35"
                        viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                            fill="#4F8FF0" />
                    </svg>
                <div>
                    <div class="recent-changes-block__buttons-wrap-item-button-title">7.32</div>
                    <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Laser: расход маны уменьшен со
                        105/120/135/150 до 95/110/125/140.
                        Rearm
                        Теперь имеет перезарядку при прерывании способности.
                        Перезарядка увеличена с 0 на каждом уровне до 8/7/6 сек. [?]
                        Время применения уменьшено с 3,5/2,5/1,5 до 3,25/2,25/1,25.
                        Расход маны уменьшен со 150/225/300 до 130/185/240.
                        Таланты:
                        Правый талант 20-го уровня: +10% к урону от заклинаний ➜ Defense Matrix уменьшает
                        перезарядку на 25%.
                    </div>
                </div>
                </div>
                <div class="recent-changes-block__buttons-wrap-item">
                    <svg width="36" height="35"
                        viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                            fill="#4F8FF0" />
                    </svg>
                    <div class="recent-changes-block__buttons-wrap-item-button-title">7.31d</div>
                    <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Defense Matrix: дальность
                        применения увеличена с 600 до 650.
                        Улучшение от Aghanim's Shard:
                        Warp Flare: расход маны уменьшен со 150 до 100.
                    </div>
                </div>
                <div class="recent-changes-block__buttons-wrap-item">
                    <svg width="36" height="35"
                        viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                            fill="#4F8FF0" />
                    </svg>
                    <div class="recent-changes-block__buttons-wrap-item-button-title">7.31c</div>
                    <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Базовая сила увеличена с 18 до
                        19.
                        Laser: расход маны уменьшен со 110/130/150/170 до 105/120/135/150.
                    </div>
                </div>
                <div class="recent-changes-block__buttons-wrap-item">
                    <svg width="36" height="35"
                        viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                            fill="#4F8FF0" />
                    </svg>
                    <div class="recent-changes-block__buttons-wrap-item-button-title">7.31</div>
                    <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Базовый урон от атаки уменьшен с
                        24‒30 до 22‒28.
                        Laser: урон уменьшен с 80/160/240/320 до 75/150/225/300.
                        Defense Matrix: сопротивление эффектам уменьшено с 20/30/40/50% до 10/20/30/40%.
                        Rearm: время применения увеличено с 3,5/2/1,25 до 3,5/2,5/1,5 секунд.
                    </div>
                </div>
                <div class="recent-changes-block__buttons-wrap-item">
                    <svg width="36" height="35"
                        viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M29.6666 5.83329V23.3333H12.1666V5.83329H29.6666ZM29.6666 2.91663H12.1666C10.5625 2.91663 9.24996 4.22913 9.24996 5.83329V23.3333C9.24996 24.9375 10.5625 26.25 12.1666 26.25H29.6666C31.2708 26.25 32.5833 24.9375 32.5833 23.3333V5.83329C32.5833 4.22913 31.2708 2.91663 29.6666 2.91663ZM18.6854 20.4166L13.625 15.3125L15.6666 13.2562L18.6854 16.2895L26.1666 8.74996L28.2083 10.8062L18.6854 20.4166ZM6.33329 8.74996H3.41663V29.1666C3.41663 30.7708 4.72913 32.0833 6.33329 32.0833H26.75V29.1666H6.33329V8.74996Z"
                            fill="#4F8FF0" />
                    </svg>
                    <div class="recent-changes-block__buttons-wrap-item-button-title">7.30e</div>
                    <div class="recent-changes-block__buttons-wrap-item-button-subtitle">Heat-Seeking: расход маны
                        увеличен с 80/95/110/125 до 95/105/115/125.
                        Улучшение от Aghanim's Scepter:
                        Laser: бонусная дальность применения уменьшена с 300 до 200.
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="best-items-block" id="best-items-block">
        <div class="container">
            <div class="block-title">ЛУЧШИЕ ПРЕДМЕТЫ</div>
            <div class="best-items-block__cards-wrap">
                <div class="best-items-block__cards-wrap-item">
                    <div class="best-items-block__cards-wrap-item-object-info">
                        <img src="imgs/soul-ring.png" alt="">
                        <div>
                            <div class="best-items-block__cards-wrap-item-object-info-price">Стоимость: 805</div>
                            <div class="best-items-block__cards-wrap-item-object-info-name">SOUL RING</div>
                        </div>
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">Consume 170 health to temporarily gain 170
                        mana. Lasts 10 seconds.
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">
                        If the mana gained cannot fit in your mana pool, it creates a buffer of mana that will be used
                        before your mana pool.
                    </div>
                </div>
                <div class="best-items-block__cards-wrap-item">
                    <div class="best-items-block__cards-wrap-item-object-info">
                        <img src="imgs/bottle.png" alt="">
                        <div>
                            <div class="best-items-block__cards-wrap-item-object-info-price">Стоимость: 675</div>
                            <div class="best-items-block__cards-wrap-item-object-info-name">BOTTLE</div>
                        </div>
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">Teleport to a target point up to 1200 units
                        away.
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">
                        Blink Dagger cannot be used for 3 seconds after taking damage from an enemy hero or Roshan.
                    </div>
                </div>
                <div class="best-items-block__cards-wrap-item">
                    <div class="best-items-block__cards-wrap-item-object-info">
                        <img src="imgs/blink-dagger.png" alt="">
                        <div>
                            <div class="best-items-block__cards-wrap-item-object-info-price">Стоимость: 2250</div>
                            <div class="best-items-block__cards-wrap-item-object-info-name">BLINK DAGGER</div>
                        </div>
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">Teleport to a target point up to 1200 units
                        away.
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">
                        Blink Dagger cannot be used for 3 seconds after taking damage from an enemy hero or Roshan.
                    </div>
                </div>
                <div class="best-items-block__cards-wrap-item">
                    <div class="best-items-block__cards-wrap-item-object-info">
                        <img src="imgs/shiva.png" alt="">
                        <div>
                            <div class="best-items-block__cards-wrap-item-object-info-price">Стоимость: 4850</div>
                            <div class="best-items-block__cards-wrap-item-object-info-name">SHIVA'S GUARD</div>
                        </div>
                    </div>
                    <div class="best-items-block__cards-wrap-item-object-description">Emits a freezing wave that deals 200 magical
                        damage to enemies and slows their movement by -40% for 4 seconds. Deals 150% damage to
                        illusions.
                    </div>
                </div>
            </div>
            <div class="best-items-block__buttons-wrap">
                <a href="#ultimate-ability-block" class="nav-button">Ультимативная способность</a>
                <a href="#other-abilities-block" class="nav-button">Остальные способности</a>
            </div>
        </div>
    </div>
    <div class="ultimate-ability-block" id="ultimate-ability-block">
        <div class="container">
            <div class="block-title">Ультимативная
                <span class="ultimate-ability-block__text-wrap-title_blue">способность</span>
            </div>
            <div class="ultimate-ability-block__ability-card">
            <div class="ultimate-ability-block__text-wrap">
                <div class="ultimate-ability-block__text-wrap-article">Способность
                    Ненаправленная / Произносимая Действует на
                    Себя
                    Cбрасывает время перезарядки способностей и большинства предметов героя.
                    Анимация применения: 0+0
                    Длительность произнесения: 3,25/2,25/1,25
                    Cooldown symbol 8/7/6 Mana symbol 130/185/240 (Талант 119,6/170,2/220,8)
                    Перезарядка не произойдёт, если прервать произнесение
                    способности.
                    Способность не сбрасывает перезарядку следующих предметов:
                    Aeon Disk, Arcane Boots, Black King Bar, Hand
                    of Midas, Helm of the Dominator icon Helm of the Dominator, Linken's Sphere icon
                    Linken's Sphere, Meteor Hammer icon Meteor Hammer, Necronomicon icon Necronomicon, Pipe of Insight
                    icon Pipe of Insight,Refresher Orb icon Refresher Orb и Refresher Shard icon Refresher Shard.
                    Не перезаряжает нейтральные предметы.
                    Визуально сбрасывает перезарядку Tranquil Boots icon Tranquil Boots, но отсчет восстановления все
                    равно идет.
                    Не восстанавливает заряды предметов (Bottle, Drum of Endurance).
                    Перезаряжает только те предметы, которые находятся в инвентаре и ранце Tinker. На предметы в
                    тайнике, в других существах (в том числе курьере) или выброшенные из инвентаря сброс не
                    распространяется.
                    Перезаряжает только предметы, принадлежащие Tinker. На предметы союзников способность не действует.
                    Если прервать произнесение способности, ничего не перезарядится.
                    Перезаряжает Crimson Guard и Mekansm, но не сбрасывает таймер
                    эффектов их способностей.
                    То же правило действует и на Guardian Greaves, кроме их способности Mend восстанавливать ману.
                    Звук использования Rearm становится короче с каждым уровнем, соответствуя длительности применения.
                    Модификатор Rearm нужен лишь для информирования.
                    ПРИМЕЧАНИЯ К SPELL STEAL Способность недоступна.
                </div>
            </div>
            <img class="ultimate-ability-block-img" src="imgs/rearm.png" alt="">
            </div>
            <div class="ultimate-ability-block__buttons-box"><a href="#other-abilities-block" class="nav-button">
                другие способности</a> <a href="#best-items-block" class="nav-button">лучшие предметы</a>
            </div>
        </div>
    </div>
    <div class="other-abilities-block" id="other-abilities-block">
        <div class="container">
                <div class="block-title">остальные способности</div>
                <div class="block-subtitle">Тинкер имеет довольно много сильных и
                    полезных в сражениях способностей, которые способны перевернуть игровое положение, приблизив команду
                    к заветной победе
                </div>
            <div class="other-abilities-block__cards-wrap">
                <div class="other-abilities-block__cards-wrap-item">
                    <div class="other-abilities-block__ability-card">
                        <img src="imgs/tinker_laser.png" alt="" class="other-abilities-block__ability-card-img">
                        <div class="other-abilities-block__card-ability-name">
                                LASER
                        </div>
                    </div>
                    <div class="other-abilities-block__ability-card-hover">
                        <div class="other-abilities-block__card-hover-text-wrap">
                            <div class="other-abilities-block__card-hover-text-wrap-ability-name">
                                LASER
                            </div>
                            <div class="other-abilities-block__card-hover-text-wrap-article">
                                Выпускает луч сконцентрированной энергии, который наносит урон цели и существам вокруг
                                неё. Ослепляет основную цель, из-за чего та промахивается при каждой атаке.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="other-abilities-block__cards-wrap-item">
                    <div class="other-abilities-block__ability-card">
                        <img src="imgs/tinker_heat_seeking_missile.png" alt="" class="other-abilities-block__ability-card-img">
                        <div class="other-abilities-block__card-ability-name">
                            HEAT-SEEKING MISSILE
                        </div>
                    </div>
                    <div class="other-abilities-block__ability-card-hover">
                        <div class="other-abilities-block__card-hover-text-wrap">
                            <div class="other-abilities-block__card-hover-text-wrap-ability-name">
                                HEAT-SEEKING MISSILE
                            </div>
                            <div class="other-abilities-block__card-hover-text-wrap-article">
                                Запускает две ракеты в ближайших видимых героев в радиусе 2000.0.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="other-abilities-block__cards-wrap-item">
                    <div class="other-abilities-block__ability-card">
                        <img src="imgs/tinker_defense_matrix.png" alt="" class="other-abilities-block__ability-card-img">
                        <div class="other-abilities-block__card-ability-name">
                            DEFENSE MATRIX
                        </div>
                    </div>
                    <div class="other-abilities-block__ability-card-hover">
                        <div class="other-abilities-block__card-hover-text-wrap">
                            <div class="other-abilities-block__card-hover-text-wrap-ability-name">
                                DEFENSE MATRIX                            </div>
                            <div class="other-abilities-block__card-hover-text-wrap-article">
                                Создаёт вокруг союзного существа барьер, который поглощает урон и даёт сопротивление
                                эффектам.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="other-abilities-block__cards-wrap-item">
                    <div class="other-abilities-block__ability-card">
                        <img src="imgs/tinker_keen_teleport.png" alt="" class="other-abilities-block__ability-card-img">
                        <div class="other-abilities-block__card-ability-name">
                            KEEN CONVEYANCE
                        </div>
                    </div>
                    <div class="other-abilities-block__ability-card-hover">
                        <div class="other-abilities-block__card-hover-text-wrap">
                            <div class="other-abilities-block__card-hover-text-wrap-ability-name">
                                KEEN CONVEYANCE
                            </div>
                            <div class="other-abilities-block__card-hover-text-wrap-article">
                                ПРЕРЫВАЕМАЯ — герой телепортируется к союзной постройке. Второй уровень способности
                                позволяет телепортироваться к существам, а третий — к героям.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="best-materials-block" id="best-materials-block">
        <div class="container">
            <div class="block-title">
                    ЛУЧШИЕ МАТЕРИАЛЫ ПО ГЕРОЮ
            </div>
            <div class="block-subtitle">
                    Здесь предоставлены другие сайты с полезной
                    информацией по герою - Тинкер, где можно научиться чему-то полезному
            </div>
            <div class="best-materials-block__links-wrap">
                <div class="best-materials-block__links-wrap-item">
                    <div>
                        <a href="https://dota2.fandom.com/wiki/Tinker" target="_blank">
                        <div class="best-materials-block__links-wrap-item-site-logo">
                                DOTA WIKI
                        </div>
                        <div class="best-materials-block__links-wrap-item-article">
                            Dota 2 Wiki -
                            хороший сайт для изучения способностей и геймплея героя. Здесь можно узнать многой
                            базовой информации по герою, а также узнать лор и многое другое про то, что не влияет на
                            игровой процесс, а именно про скины, фразы и т.д. Так же можно прочитать про способности
                            и начать играть на герое лучше.
                        </div>  
                        </a>
                    </div>  
                </div>
                <div class="best-materials-block__links-wrap-item">
                    <div>
                        <a href="https://www.dota2.com/home" target="_blank">
                        <div class="best-materials-block__links-wrap-item-site-logo">
                            DOTA2 OFF
                        </div>
                        <div class="best-materials-block__links-wrap-item-article">
                            Оффициальный сайт игры Dota2. Здесь можно узнать всю оффициальную и правдивую информацию про героя - Тинкер и всех других героях игры Dota2. Там находится вся базовая и важная информация про данного героя.
                        </div>  
                        </a>
                    </div>  
                </div>
                <div class="best-materials-block__links-wrap-item">
                    <div>
                        <a href="https://ru.dotabuff.com/" target="_blank">
                        <div class="best-materials-block__links-wrap-item-site-logo">
                            DOTABUFF
                        </div>
                        <div class="best-materials-block__links-wrap-item-article">
                            Dotabuff - это крупный проект, на котором можно узнать много полезной и очень важной информации про всех героев игры Dota2. На сайте хранится множество полезных материалов про механики, сборки, плейстайл героев данной игры. Так же на сайте можно посмотреть информацию профиля любого игрока с открытым профилем
                        </div>  
                        </a>
                    </div>  
                </div>
            </div>
            <a href="#banner-block" class="nav-button">перейти к началу страницы</a>
        </div>
    </div>
    <footer class="footer" id="footer"> 
        <div class="footer__footer-upper">
            <div class="container">
                <div class="footer__footer-upper-title-wrap">
                    <div class="logo">tinker.com</div>
                    <div class="footer__footer-upper-title-wrap-article">Карликовый народец, которому принадлежит Боуш, известен своими
                        изобретательностью, хитростью и нелюбовью к магии. Гордятся они, что зарабатывают себе на хлеб
                        исключительно разумом, применяя лишь те силы природы, которым могут найти объяснение. Но даже
                        такая сдержанность может обернуться трагедией — уж Боушу ли не знать.</div>
                </div>
                <div class="footer__footer-upper-menu">
                    <div class="footer__footer-upper-menu-contacts-wrap">
                        <div class="footer__footer-upper-menu-contacts-wrap-item">
                            <img src="../imgs/map.png" alt="">
                            <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap">
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-title">Наш адрес</div>
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-contact">Карта доты, Центральная линия 167</div>
                            </div>
                        </div>
                        <div class="footer__footer-upper-menu-contacts-wrap-item">
                            <img src="../imgs/phone.png" alt="">
                            <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap">
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-title">Запись на ганк</div>
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-contact">+9 (999) 999-99-99</div>
                            </div>
                        </div>
                        <div class="footer__footer-upper-menu-contacts-wrap-item">
                            <img src="../imgs/mail.png" alt="">
                            <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap">
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-title">Корреспонденция</div>
                                <div class="footer__footer-upper-menu-contacts-wrap-item-text-wrap-contact">tinker@dota2.com</div>
                            </div>
                        </div>
                    </div>
                        <div class="footer__footer-upper-menu-user-card">
                            <div class="footer__footer-upper-menu-user-card-info-wrap">
                                <img src="imgs/tinker.png" class="footer__footer-upper-menu-user-card-info-wrap-img">
                                <div class="footer__footer-upper-menu-user-card-info-wrap-user-info">
                                    <div class="footer__footer-upper-menu-user-card-info-wrap-user-info-name">Тинкеров Тинкер</div>
                                    <div class="footer__footer-upper-menu-user-card-info-wrap-user-info-subtitle">Ведущий мидер</div>
                                </div>
                            </div>
                            <div class="footer__footer-upper-menu-user-card-article"> Когда-то он был одним из главных исследователей законов природы,
                                основателем подземной лаборатории всего и вся, расположенной под окутанным туманами
                                Фиолетовым плато. 
                            </div>
                            <a href="#" class="nav-button">Задать вопрос тинкеру</a>
                        </div>
                </div>
            </div>
        </div>
        <div class="footer__footer-lower">
            <div class="container">
                <div class="copyright">Все тинкеры защищены, 1743</div>
                <div class="copyright">Уничтожает врагов полчищами своих механизмов</div>
            </div>
        </div>
    </footer>
    <script src="code/script.js"></script>
</body>

</html>